<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //使用  样式  参数 函数 嵌套
        var a=12;
        let str="你好"+456+a;  //拼接的效果
        let s=`你好456${a}`;   //变量使用${变量}  其他全部识别为字符串的文字
       //${}中的 参数 类型  ---
       /*
       //数字 字符串  boolean ---tostring
       //null undefinde obj ---tostring
        1.大括号内部可以放入任意的 JavaScript 表达式，可以进行运算，以及引用对象属性
        2.模板字符串之中还能调用函数  所谓的return值
        3.如果大括号中的值不是字符串，将按照一般的规则转为字符串。比如，大括号中是一个对象，将默认调用对象的toString方法。
        4.如果模板字符串中的变量没有声明，将报错。
        let aa=`${1}`;           "1"
        let aa=`${"12"}`;        "12"
        let aa=`${false}`;       "false"
        let aa=`${null}`;        "null"
        let aa=`${undefined}`;   "undefined"
        let aa=`${{x:12}}`;      "[object Object]"
       */
       //字符串的嵌套使用
       //模板字符串还能嵌套, 可以在一个模板字符串中间再嵌套一个模板字符串
        let app=1313;
        let apk=`你好${app+`123331${1313}`}`


        //函数执行  单参数 多参数
        function add(x,y){
            console.log(arguments);
            return x+y;
        }
        add`12`;
        // 多参数
        add`12${app}12${12}`
        // 参数格式  12 变量 12 变量 空格
        //            [12,12,""] 变量 变量

        add`${app}12${12}`
        // 参数格式  空格 变量 12 变量 空格
        //            ["",12,""] 变量 变量
        //注意这里需要  数据类型转换的知识惠顾---函数的+ 是牵扯到数据转换的


    </script>
</body>
</html>